<html>
	<head>
		<meta http-equiv="Content-Type" content="text/css" charset="utf-8"/>
		<meta name="viewport" content="width=device-width, maximum-scale=1, initial-scale=1, user-scalable=no"/>
		<meta name="apple-mobile-web-app-status-bar-style" content="black">

		<meta http-equiv="pragma" content="no-cache" />
		<meta http-equiv="cache-control" content="no-cache" />
		<meta http-equiv="expires" content="0" />
		<meta http-equiv="keywords" content="keyword1,keyword2,keyword3" />
		<meta http-equiv="description" content="This is my page" />
		
		<!--script class="resources library" src="./source/modules/credit/template/mobile/new/js/area.js" type="text/javascript"></script-->
		{:jq()}
		<title>详情</title>
				<style type="text/css">
	.change_info { width:100%; height:42px; position:fixed; bottom:0; left:0; background-color:white; border-top:1px solid #D7D7D7; }

	.exchangebtn{ width:38%; background-color:#FE6700; height:42px; font-size:0.95rem; color:white; margin:0px; text-align:center; line-height:42px;  float:right; }
	.data_quantity {width:62%; height:42px; margin:0px; float:left; }
	.data_quantity .data_box_l{font-size:0.95rem; color:#404040; line-height:42px; width:30%; text-align:center; margin:0px; height:42px; }
	.data_quantity .data_box_r{ width:60%; margin:0px; height:30px; margin-top:6px;; }
	.data_quantity .data_box_r .input_number{width:20%;}
				.bg{width:100%; height:100%; overflow-y:auto;}
			body{margin:0px; padding:0px; font-family:微软雅黑; background-color:white;}
			
			.img{width:100%; min-height:150px;}
			.pic{width:80%; margin-left:10%;}
			.title{width:100%; height:32px; background-color:rgba(0,0,0,0.6); z-index:3; margin-top:-32px; position:relative; bottom:0px; left:0px;}
			.logoname{float:left; max-width:45%; padding-left:3%; font-size:0.8rem; line-height:32px; color:white; word-break:keep-all; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
			.price{float:left; text-align:left; padding-left:3%; width:20%; font-size:0.8rem; line-height:32px; color:white;}
			.integral{float:right; width:22%; text-align:right; font-size:0.8rem; line-height:32px; padding-right:3%; color:red;}
			
			.detailed_info{width:88%; margin:15px auto; border-radius:8px; border:1px solid #D7D7D7;}
			
			.proname{min-height:40px; line-height:40px; text-align:center; width:92%; padding:0 4%;   font-size:0.95rem; border-bottom:1px solid #D7D7D7; color:#333333}
			.num,.dec,.ex_int{width:92%; font-size:0.9rem; padding:0 4%;}
			.num,.ex_int{margin-top:10px; color:#9B9B9B;}
			.num span{color:#666666;}
			.ex_int span{color:red;}
			.dec{margin:15px 0; color:#666666;}
			.dec p img{width:100%}
			.data_box{width:92%; padding:0 4%; height:40px;}
			.data_box_l{float:left; width:23%; font-size:0.95rem; color:#666666; height:28px; margin-top:6px; line-height:28px;}
			.data_box_r{float:left; height:30px; margin-top:6px; line-height:30px; width:76%}
			.txt{border-radius:0; display:inline-block; box-sizing:border-box; width:100%; text-align:left; color:#4b4d47; font-size:0.9rem; height:32px; vertical-align:middle; float:left; line-height:30px; border-top:0; border-left:0;  border-right:0; background-color:transparent; border-bottom:2px solid #EEEEEE;}
			.input_number{border-radius:0; display:inline-block; box-sizing:border-box; width:15%; text-align:left; color:#4b4d47; font-size:0.9rem; height:32px; vertical-align:middle; line-height:30px; border:0; background-color:transparent; text-align:center;}
			/*下拉选项框样式*/
			#s_province,#s_city,#s_county{width:31%; border-top:none; border-left:none; border-right:none; outline:none;    appearance:none; -moz-appearance:none; -webkit-appearance:none; -ms-appearance:none; border-bottom:2px solid #EEEEEE; font-size:0.9rem; color:#A9A9A9; vertical-align:middle; display:inline-block; background-color:white;}
			
			
			
			
			/*加减按钮样式*/
			.minus:before,.plus:before{width:12px; height:0;border-top:2px solid;}
			.minus:before,.plus:before,.plus:after{content:""; display:inline-block; box-sizing:border-box; position:absolute; left:0;	right:0; top:0;	bottom:0; margin:auto;}
			.minus,.sum,.plus{display:inline-block; height:20px; vertical-align:middle;}
			.minus,.plus{position:relative; width:20px;	border-radius:50%; border:6px solid transparent; margin:-6px;}
			.minus{color:#f60; box-shadow:inset 0 0 0 1px;}
			.plus{box-shadow:inset 0 0 0 10px #f60;	color:#fff;}
			.plus:after{width:0; height:12px; border-left:2px solid;}
			.btn_tc { width:100%; height:100%; position:fixed; top:0; left:0; background-color:rgba(0,0,0,0);  }
			.nofound{display:none;}
		</style>
	</head>
	<body id="id">
	<div class="btn_tc nofound"></div>
   

 
	<div class="bg">
		<div class="img">
			<img src="__PUBLIC__/picture/tlk.png" class="pic"/>
			<div class="title">
				
				<div class="integral">{$t.money}元&nbsp;&nbsp;</div>
			</div>
		</div>
		
		<div class="detailed_info">
			<div class="proname">{$t.title}（{$t.ci}次卡）</div>
			<div class="num">有效期：<span>{$t.yxq}</span></div>
				<div class="num">有效范围：<span>{$t.yxfw}</span></div>
		
			<div class="dec">
					{:htmlspecialchars_decode($t['desc'])}


			</div>
		</div>
		
				<div style="width:100%; height:50px;"></div><!--添加该div添加在样式为change_info的div上面-->
	<div class="change_info">
			
					
		
		
		<eq name="buy" value="0">
		<div class="exchangebtn" id="exchangebtn"  onclick="pay({$t.id})"   style="display:block; width: 100%">购买({$t.money}元)</div>

         <else />

         <div class="exchangebtn" id="exchangebtn" onclick="alert('您已购买过本产品')" style="display:block; width: 100%;background-color: #666">您已购买过本产品</div>


		</eq>
				<!-- </div> -->
		
		</div>
		</div>
		
		
			<style type="text/css">
			body{padding:0px; margin:0px; font-family:微软雅黑;}
			#layer{position:absolute; top:0px; left:0px; width:100%; height:100%; background-color:rgba(0,0,0,0.3);z-index:9999}
			.message{width:80%; margin:0 auto; margin-top:56%; background-color:rgba(0,0,0,0.6);}
			.logo{width:100%; height:auto;}
			.logo_pic{width:20%; margin-left:40%; margin-top:10px;}
			.prompt_msg{text-align:center; color:white; margin-top:20px; width:100%; font-size:1.2rem; }
			
			.nofound{display:none!important;}
			
			.btn{width:100%; height:50px; background-color:black;}
		</style>
		
		</div>

		<script src="//res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>
	
<script type="text/javascript">
  wx.config({$qm|json_encode});

  function pay(id){
  $.post("{:url('/weixin/my/getproduct')}",{id:1},function(res){


    var  options = res;

     // 支付成功后的操作
     options.success = function () {
         window.location.href = "{:url('my')}";
     };

   

     // 传入参数，发起JSAPI支付
     wx.chooseWXPay(options);


  });



  }

  wx.ready(function () {

   wx.hideAllNonBaseMenuItem();
    
 });

</script>
		</body>
		</html>

	


